{% extends "base.html" %}

     {% block headcss %}
     <link href="http://{{ request.get_host }}/site_media/css/nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>      
     <link href="http://{{ request.get_host }}/site_media/css/style-pack/custom-nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>      
     {% endblock %}          
     {% block headvars %}
          var mapa = 'http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q={{lugar}}&output=embed'
     {% endblock %}     
     {% block title %}Avanza Promociones - Promoci&oacute;n {{ nombre }}{% endblock %}

{% block contenido %}
     <img id="inibanmed" src="http://{{ request.get_host }}/site_media/img/inibanmed.png"/>
     <div id="promo" class="medioband">
          <div id="titulo"  class="titulo">{{nombre}}&nbsp;</div>
          <div id="ds" class="contenido activo noovfl">
               <span id="inds">{{descripcion|safe}}&nbsp;</span>
               <div id="fotos">
                    <div id="slider">                    
                         {% for fp in fotos  %}
                         {% ifequal fp.media.tipo "FP" %}
                         <img src="http://{{ request.get_host }}/site_media/{{ fp.media.file }}" alt="" />
                         {% endifequal %}
                         {% endfor %}
                    </div>
               </div>
          </div>
          <div id="mp" class="contenido">
               <iframe id="map" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>               
          </div>
          <div id="pl" class ="contenido">
               <div class="planocont">
                    {% for plano in fotos  %}
                    {% ifequal plano.media.tipo "P" %}
                    <div id="plano{{forloop.counter}}" class="zoom"><img src="http://{{ request.get_host }}/site_media/{{ plano.media.file }}"/></div>
                    <a class="zoom" href="#plano{{forloop.counter}}"><img class="plano" src="http://{{ request.get_host }}/site_media/{{ plano.media.thumbnail }}"/></a>
                    {% endifequal %}
                    {% endfor %}
               </div>
          </div>
          <!--div id="cl" class ="contenido">{{memoria|safe}}&nbsp;</div-->
          <ul id="navegador" class="navi">
               <li><a id="#ds" class="ds" href="#" title="descripci&oacute;n">&nbsp;</a></li>
               <li><a id="#mp" class="mp inactiva" href="#" title="mapa">&nbsp;</a></li>
               <li><a id="#pl" class="pl inactiva" href="#" title="planos">&nbsp;</a></li>
               <li><a id="#cl" class="cl inactiva" href="#" title="calidades">&nbsp;</a></li>
               {% if vigente %}
               <li><a id="#pd" class="pd inactiva" title="pdf" href="{%url pdf promo 1%}" target="_blank">&nbsp;</a></li>
               {% endif %}
          </ul>
          {% if not vigente %}
          <p class="vendida">&nbsp;</p>
          {% endif %}               
     </div>

<!-- Banda inferior -->
     <div id="prev"></div>
     <div id="next"></div>
     <div id="showtitle"></div>
     <img id="iniband" src="http://{{ request.get_host }}/site_media/img/inibandad.png"/>
     <div id="contentframe" class="bottomband">
          <div id="rev" class="flechas izq"></div>
          <div id="scrollpane">
               <div id="aux">
                   {% for foto in fotos  %}
                     {% ifequal foto.media.tipo "F" %}
                    <a class="thumba" href="http://{{ request.get_host }}/site_media/{{ foto.media.file }}" title="{{ foto.media.descripcion }}" style="background-image: url(http://{{ request.get_host }}/site_media/{{ foto.media.thumbnail }})">
                         <!--img class="thumb" src="http://{{ request.get_host }}/site_media/{{ foto.thumbnail }}" width="120" height="75"/-->
                    </a>
                    {% endifequal %}
                    {% endfor %}
                </div>
          </div>
          <div id="ffw" class="flechas der"></div>
     </div>
     <div class="wait"></div>
     <div id="dsc" style="display: none">{{descripcion|safe}}&nbsp;</div>
     <div id="clc" style="display: none">{{memoria|safe}}&nbsp;</div>
{% endblock %}

{% block script %}
{% endblock  %}


